<!--  -->
<template>
  <Submenu :obj="obj" :name="obj.name" :key="obj.name">
    <template slot="title">
        <Icon :type="obj.icon" :size="iconSize"></Icon>
        <span class="layout-text">{{ obj.title }}</span>
    </template>
    <template v-for="child in obj.children">
        <MenuItem :name="child.name" :key="'menuitem' + child.name">
            <Icon :type="child.icon" :size="iconSize" :key="'icon' + child.name"></Icon>
            <span class="layout-text" :key="'title' + child.name">{{ child.title }}</span>
        </MenuItem>
    </template>
  </Submenu>
</template>

<script>
export default {
    name:'thirdmenu',
    props:{
        iconSize: Number,
        obj:{
            type:Object
        }
    }
}

</script>
<style lang='scss' >
</style>
